import { observer } from 'mobx-react-lite'

function DialogWindow() {
  // const ref = useRef(null)
  // const scroll = useScroll(ref)
  // useEffect(() => {}, [])

  // if (scroll && scroll?.top > sessionMessage.current * sessionMessage.pageSize * 35) {
  //   sessionMessage.flushChatData()
  // }
  return (
    <></>
    // sessionMessage.messageList.length > 0 && (
    //   <>
    //     {/* <p>userId:{sessionMessage.current}</p>
    //     <div className={style.head}>
    //       <img className={style.headImg} src="" alt="" />
    //       <div className={style.state_center}>
    //         <p className={style.state_name}>胖虎</p>
    //         <p className={style.state}>● 在线</p>
    //       </div>
    //       <div className={style.head_right}>● ● ● </div>
    //     </div>

    //     <div className={style.chat_window}>
    //       {JSON.stringify(scroll)}
    //       {JSON.stringify(sessionMessage.current)}
    //       {/* <div className={style.scrollbar}> */}
    //       {/* 聊天窗看口 */}
    //       <div
    //         style={{
    //           height: '480px',
    //           overflow: 'scroll',
    //           whiteSpace: 'nowrap',
    //           fontSize: '32px',
    //         }}
    //         ref={ref}
    //       >
    //         <div className={style.chat_box}>
    //           {sessionMessage.messageList.map((it) => (
    //             <div key={it.id} className={style.message}>
    //               <p>
    //                 {it.content}
    //                 <br />
    //                 <span>{it.createTime}</span>
    //               </p>
    //             </div>
    //           ))}
    //           {sessionMessage.hasMore && <div>沒有更多數據了</div>}
    //         </div>
    //       </div>

    //       <textarea className={style.input_area} placeholder="请输入..."></textarea>
    // <div className={style.but_area}>
    //   <button className={style.but}> 发送 </button>
    // </div>
    //     </div> */}
    //   </>
    // )
  )
}

export default observer(DialogWindow)
